<!DOCTYPE html>
<html lang="en">
  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  <head>
    <title>Lion</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <link rel="icon" href="/static/assets/images/favicon.ico" type="image/x-icon">

    {% block headcontent %}
    {% endblock %}
  </head>
  <body>
    <div id="pcoded" class="pcoded">
      <div class="pcoded-overlay-box"></div>
      <div class="pcoded-container navbar-wrapper">
        <nav class="navbar header-navbar pcoded-header">
          <div class="navbar-wrapper">
            <div class="navbar-logo">
              <a href="/index/">
              <span class="dropdown-primary dropdown">Lion</span>
              </a>
              <a class="mobile-menu" id="mobile-collapse" href="#">
                <i class="feather icon-menu icon-toggle-right"></i>
              </a>
              <a class="mobile-options waves-effect waves-light">
                <i class="feather icon-more-horizontal"></i>
              </a>
            </div>
            <div class="navbar-container container-fluid">
              <ul class="nav-left">
                <li class="header-search"></li>
                <li>
                  <a href="#" onclick="if (!window.__cfRLUnblockHandlers) return false; javascript:toggleFullScreen()" class="waves-effect waves-light" data-cf-modified-748a85947080bea02ccb5593-="">
                    <i class="full-screen feather icon-maximize"></i>
                  </a>
                </li>
              </ul>
              <ul class="nav-right">
                <li class="header-notification">
                  <div class="dropdown-primary dropdown">
                    <div class="dropdown-toggle" data-toggle="dropdown">
                      <i class="feather icon-bell"></i>
                      <span class="badge bg-c-red">5</span></div>
                    <ul class="show-notification notification-view dropdown-menu" data-dropdown-in="fadeIn" data-dropdown-out="fadeOut">
                      <li>
                        <h6>Notifications</h6>
                        <label class="label label-danger">New</label></li>
                      <li>
                        <div class="media">
                          <img class="img-radius" src="/static/assets/images/avatar-3.jpg" alt="Generic placeholder image">
                          <div class="media-body">
                            <h5 class="notification-user">John Doe</h5>
                            <p class="notification-msg">Lorem ipsum dolor sit amet, consectetuer elit.</p>
                            <span class="notification-time">30 minutes ago</span></div>
                        </div>
                      </li>
                      <li>
                        <div class="media">
                          <img class="img-radius" src="/static/assets/images/avatar-3.jpg" alt="Generic placeholder image">
                          <div class="media-body">
                            <h5 class="notification-user">Joseph William</h5>
                            <p class="notification-msg">Lorem ipsum dolor sit amet, consectetuer elit.</p>
                            <span class="notification-time">30 minutes ago</span></div>
                        </div>
                      </li>
                    </ul>
                  </div>
                </li>
                <li class="user-profile header-notification">
                  <div class="dropdown-primary dropdown">
                    <div class="dropdown-toggle" data-toggle="dropdown">
                      <img src="/static/assets/images/avatar-3.jpg" class="img-radius" alt="User-Profile-Image">
                      <span>{{ loginuser }}</span>
                      <i class="feather icon-chevron-down"></i>
                    </div>
                    <ul class="show-notification profile-notification dropdown-menu" data-dropdown-in="fadeIn" data-dropdown-out="fadeOut">
                      <li>
                        <a href="#">
                          <i class="feather icon-settings"></i>个人设置</a>
                      </li>
                      <li>
                        <a href="#">
                          <i class="feather icon-mail"></i>信息</a>
                      </li>
                      <li>
                        <a href="#">
                          <i class="feather icon-lock"></i>锁屏</a>
                      </li>
                      <li>
                        <a href="{% url 'logout' %}">
                          <i class="feather icon-log-out"></i>注销</a>
                      </li>
                    </ul>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </nav>
        <div class="pcoded-main-container">
          <div class="pcoded-wrapper">
            <nav class="pcoded-navbar">
              <div class="nav-list">
                <div class="pcoded-inner-navbar main-menu">
                  {% include 'menu.html' %}
              </div>
            </nav>
            {% block bodycontent %}
            
            {% endblock %}
          </div>
        </div>
      </div>
    </div>
    {% block endcontent %}
    {% endblock %}

  </body>

</html>